<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Listado Productos</title>
</h:head>
<h:body>
	<h:form id="form">
		<h:panelGroup layout="block" id="usuariologeado"
			rendered="#{usuarioMB.logeado}">
			<h:outputText
				value="Bienvenido Usuario #{usuarioMB.usu.nombreUsuario}.    " />
			<p:commandLink update="@form" actionListener="#{usuarioMB.logout}"
				ajax="false">
				<h:outputText value="logout." />
			</p:commandLink>

		</h:panelGroup>
		<h:panelGroup layout="block" id="panelnoregistrado"
			rendered="#{!usuarioMB.logeado}">
			<h:outputLabel>Usted no esta Registrado. </h:outputLabel>
			<h:commandLink action="registrar_usuario">registrese</h:commandLink>
			<h:outputLabel> o si ya esta registrado </h:outputLabel>
			<h:commandLink action="login">ingrese.</h:commandLink>
		</h:panelGroup>
		<h2>Carro :</h2>
		<h:outputText value="Carro Vacio" rendered="#{tiendaMB.carroVacio()}" />
		<h:panelGroup layout="block" id="panelcarroactivo"
			rendered="#{!tiendaMB.carroVacio()}">
			<h:outputText
				value="hay #{tiendaMB.contarProductos()} productos en el carro.  " />
			<br></br>
			<h:outputText value="Total : #{tiendaMB.calcularTotal()}" />
			<br></br>
			<h:commandLink action="editar_carro">editar carros</h:commandLink>
		</h:panelGroup>
		<p:dataTable var="prod" value="#{tiendaMB.productos}" id="prodTable">
			<f:facet name="header">
				Listado Productos
			</f:facet>
			<p:column headerText="Nombre" style="width:100">
				<h:outputText value="#{prod.nombre}" />
			</p:column>
			<p:column headerText="Descripcion" style="width:100">
				<h:outputText value="#{prod.descripcion}" />

			</p:column>
			<p:column headerText="Stock" style="width:100">
				<h:outputText value="#{prod.cantidad}" />
			</p:column>
			<p:column headerText="Precio" style="width:100">
				<h:outputText value="#{prod.precio}">
					<f:convertNumber type="currency" currencySymbol="$" />

				</h:outputText>
			</p:column>
			<p:column headerText="Agregar" style="width:100">
				<p:commandButton icon="ui-icon-plus" id="btnForm" update="@form"
					action="#{tiendaMB.agregarProductoAlCarro(prod)}" />
			</p:column>
		</p:dataTable>
		<p:commandButton icon="ui-icon-arrowthick-1-w"
			actionListener="#{tiendaMB.atras}"
			update=":form:prodTable :form:numeropagina" />
		<h:outputText id="numeropagina" value="Página N° #{tiendaMB.pagina}"
			style="margin: 12px; color: #212121" />
		<p:commandButton icon="ui-icon-arrowthick-1-e"
			actionListener="#{tiendaMB.adelante}"
			update=":form:prodTable :form:numeropagina" />
	</h:form>
</h:body>
</html>